<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8" />
    <title>实例模型展示</title>
    <link type="text/css" rel="stylesheet" href="../plugins/layui/css/layui.css">
    <link type="text/css" rel="stylesheet" href="../plugins/layui/css/style.css">
</head>
<body>
<div class="layui-fluid">
    <h3 class="fault-text">故障设备:故障信息</h3>
    <div class="layui-form">
        <div class="layui-inline">
            <label class="layui-form-label">设备编号:</label>
            <div class="layui-input-block">
                <input type="text" name="etCode" placeholder="请输入" autocomplete="off" class="layui-input" value="LCJZEMCS_CGQE001">
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">故障内容:</label>
            <div class="layui-input-block">
                <input type="text" name="faultContent" placeholder="请输入" autocomplete="off" class="layui-input" value="调节阀">
            </div>
        </div>
        <div class="layui-inline">
            <button class="layui-btn layuiadmin-btn-admin" lay-submit lay-filter="LAY-user-back-search">
                <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                查询
            </button>
        </div>
        <div class="fault-content">
            <div class="layui-row layui-col-space10">
                <h3>设备信息</h3>
                <div class="layui-row form-row">
                    <div class="layui-col-md6">
                        <div class="layui-form-item">
                            <div class="itemTr">专业:<span class="domain"></span></div>
                        </div>
                    </div>
                    <div class="layui-col-md6">
                        <div class="layui-form-item">
                            <div class="itemTr">系统:<span class="systemName"></span></div>
                        </div>
                    </div>
                    <div class="layui-col-md6">
                        <div class="layui-form-item">
                            <div class="itemTr">设备类:<span class="etType"></span></div>
                        </div>
                    </div>
                    <div class="layui-col-md6">
                        <div class="layui-form-item">
                            <div class="itemTr">设备编号:<span class="etCode"></span></div>
                        </div>
                    </div>
                    <div class="layui-col-md6">
                        <div class="layui-form-item">
                            <div class="itemTr">设备名:<span class="etName"></span></div>
                        </div>
                    </div>
                    <div class="layui-col-md6">
                        <div class="layui-form-item">
                            <div class="itemTr">线路:<span class="lineId"></span></div>
                        </div>
                    </div>
                    <div class="layui-col-md6">
                        <div class="layui-form-item">
                            <div class="itemTr">车站名 :<span class="stationName"></span></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-row layui-col-space10">
                <div class="layui-col-xs3 layui-col-sm3 layui-col-md3">
                    <h3>设备维修历史</h3>
                    <table class="layui-table" id="faultHistory" >
                        <!--                <thead>-->
                        <!--                    <th>故障描述</th>-->
                        <!--                    <th>维修人</th>-->
                        <!--                    <th>维修时间</th>-->
                        <!--                    <th>维修方式</th>-->
                        <!--                </thead>-->
                        <!--                <tbody>-->
                        <!--                    <tr>-->
                        <!--                        <td>nnnn</td>-->
                        <!--                        <td>cc</td>-->
                        <!--                        <td>2020-08-06</td>-->
                        <!--                        <td>xx</td>-->
                        <!--                    </tr>-->
                        <!--                    <tr>-->
                        <!--                        <td>nnnn</td>-->
                        <!--                        <td>cc</td>-->
                        <!--                        <td>2020-08-06</td>-->
                        <!--                        <td>xx</td>-->
                        <!--                    </tr>-->
                        <!--                </tbody>-->
                    </table>
                </div>
                <div class="layui-col-xs3 layui-col-sm3 layui-col-md3 fault-table">
                    <h3> 设备厂商信息</h3>
                    <table class="layui-table ">
                        <tbody>
                        <tr>
                            <th>所属单位</th>
                            <td id="owner"></td>
                        </tr>
                        <tr>
                            <th> 规格型号</th>
                            <td id="etModel"></td>
                        </tr>
                        <tr>
                            <th>供应商</th>
                            <td id="etSupplier"></td>
                        </tr>
                        <tr>
                            <th>制作商</th>
                            <td id="etProducer"></td>
                        </tr>
                        <tr>
                            <th>出厂日期</th>
                            <td id="dateOfProduction"></td>
                        </tr>
                        <tr>
                            <th>保修期至</th>
                            <td id="guaranteePeriod"></td>
                        </tr>
                        <tr>
                            <th>产品序列号</th>
                            <td id="serialNum"></td>
                        </tr>
                        <tr>
                            <th>额定电压</th>
                            <td id="voltage"></td>
                        </tr>
                        <tr>
                            <th>额定功率</th>
                            <td id="power"></td>
                        </tr>
                        <tr>
                            <th>使用寿命</th>
                            <td id="life"></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="layui-col-xs3 layui-col-sm3 layui-col-md3">
                    <h3>同类故障处置</h3>
                    <table class="layui-table" id="deviceDispose">
                        <!--                <thead>-->
                        <!--                <tr>-->
                        <!--                    <th>故障内容</th>-->
                        <!--                    <th>处理方式</th>-->
                        <!--                </tr>-->
                        <!--                </thead>-->
                        <!--                <tbody>-->
                        <!--                <tr>-->
                        <!--                    <td>xxxx</td>-->
                        <!--                    <td>sssss</td>-->
                        <!--                </tr>-->
                        <!--                <tr>-->
                        <!--                    <td>xxxx</td>-->
                        <!--                    <td>sssssss</td>-->
                        <!--                </tr>-->
                        <!--                </tbody>-->
                    </table>
                </div>
                <div class="layui-col-xs3 layui-col-sm3 layui-col-md3 fault-table">
                    <h3>设备巡检时间</h3>
                    <table class="layui-table ">
                        <tbody>
                        <tr>
                            <th>上次巡检时间</th>
                            <td id="patrolLastTime"></td>
                        </tr>
                        <tr>
                            <th> 下次巡检时间</th>
                            <td id="patrolNextTime"></td>
                        </tr>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="../plugins/layui/layui.all.js" type="text/javascript"></script>
    <script src="../js/jquery.min.js" type="text/javascript"></script>
    <script src="../js/fault.js" type="text/javascript"></script>
</body>
</html>